
<template>
  <el-icon size="24px"><i-ep-user /></el-icon>
  <el-icon size="24px"><i-ep-lock /></el-icon>
  <el-icon :size="24">
    <component :is="icons[icon]" />
  </el-icon>
</template>

<script setup>
import { ref } from 'vue'
import { User as EpUser, Lock as EpLock } from '@element-plus/icons-vue'

const icons = {
  'i-ep-user': EpUser,
  'i-ep-lock': EpLock
}

const icon = ref('i-ep-lock')
</script>
